<template>
  <div id="main" ref='seller_ref'>

  </div>
</template>

<script>

export default {
data() {
    return {
        chartInstance:null
    }
},
    methods: {
       initChart () {
  this.chartInstance = this.$echarts.init(this.$refs.seller_ref)
  this.chartInstance .setOption({
  title: {
    text: 'ECharts 入门示例'
  },
  tooltip: {},
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      areaStyle: {}
    }
  ]
});
        },
     async   getData () {
            const res=await Seller()
            console.log(res)
        }
    },
        mounted () {
        this.initChart()
        this. getData () 
        // 绘制图表
        },
}
</script>

<style>
#main{
    width: 500px;
    height: 500px;
}
</style>